import {Button, Table, Typography} from 'antd';
import React, {useEffect, useState} from 'react';
import {Link} from "@umijs/preset-dumi/lib/theme";
import {TjdLeaders} from "@/services/Province/Dashboard";
import SchoolLogo from "../../../../../config/logos/SchoolLogo";

// handleTableChange = (pagination) => {
//   const { onChange } = this.props;
//   if (onChange) {
//     onChange(pagination);    // 在model层改变当前页，传给后台更新当前页数据，即list和pagination，
//   }
// };

export default (props) => {
  const title = props.title ? props.title : "title"
  const [data, setData] = useState([])
  const [reload, setReload] = useState(false)

  const columns = [
    // {
    //   title: '院校名',
    //   // width: 140,
    //   dataIndex: 'univ_name',
    //   // filters: [
    //   //   {
    //   //     text: 'Joe',
    //   //     value: 'Joe',
    //   //   },
    //   //   {
    //   //     text: 'Jim',
    //   //     value: 'Jim',
    //   //   },
    //   //   {
    //   //     text: 'Submenu',
    //   //     value: 'Submenu',
    //   //     children: [
    //   //       {
    //   //         text: 'Green',
    //   //         value: 'Green',
    //   //       },
    //   //       {
    //   //         text: 'Black',
    //   //         value: 'Black',
    //   //       },
    //   //     ],
    //   //   },
    //   // ],
    //   // specify the condition of filtering result
    //   // here is that finding the name started with `value`
    //   // onFilter: (value, record) => record.name.indexOf(value) === 0,
    //   // sorter: (a, b) => a.name.length - b.name.length,
    //   // sortDirections: ['descend'],
    // },
    {
      title: '学科或学科群',
      // width: 160,
      dataIndex: 'dis_name',
      render: text => <Typography.Text strong>
        <img src={SchoolLogo[text.split('-')[0]]} style={{width: 25, height: 25, marginRight: 5, marginBottom: 3}}/>
        {text}
      </Typography.Text>
      // defaultSortOrder: 'descend',
      // sorter: (a, b) => a.age - b.age,
    },
    {
      title: <Typography.Text>{title}</Typography.Text>,
      dataIndex: 'rc_num',
      align: 'center',
      // filters: [
      //   {
      //     text: 'London',
      //     value: 'London',
      //   },
      //   {
      //     text: 'New York',
      //     value: 'New York',
      //   },
      // ],
      // onFilter: (value, record) => record.address.indexOf(value) === 0,
    },
    // {
    //   title: '详情',
    //   dataIndex: 'dis_name',
    //   render: text=><div><Link to={'/province/detail_table/'+text+'/高层次人才及团队'}>查看</Link></div>
    // }
  ];

  const onChange = (pagination, filters, sorter, extra) => {
    console.log('params', pagination, filters, sorter, extra);
  };

  // 请求数据
  // useEffect(() => {
  //   TjdLeaders().then(res => {
  //     console.log("@国家级学术领军人才（含青年人才）情况", res)
  //     if (res.status === 0) {
  //       setData(res.data)
  //     }
  //   })
  // }, [reload])
  return <Table columns={columns} dataSource={props.data ? props.data : []} onChange={onChange}/>
};
